import IconFont from '../ark-iconfont/ArkIconFont.vue';

export default {
  title: 'ark-component-v1/ArkIconFont',
  component: IconFont,
  parameters: {
    docs: {
      description: {
        component: `请配合 <span style="font-weight: bold;font-size: 14px;color: grey">vue、iconfont</span> 使用`
      }
    }
  },
  argTypes: {
    family: {description: 'Font Family'},
    cls: {description: '图标类名'},
    size: {description: '图标大小'},
    color: {
      description: '图标颜色',
      control: {type: 'color'}
    },
  }
};

export const Basic = {
  name: '基本使用',
  render: (args) => ({
    components: {IconFont},
    setup() {
      return {args};
    },
    template: '<IconFont v-bind="args"/>',
  }),
  args: {
    cls: 'icon-xiaolian',
    size: '50'
  },
};